<template>
    <div class="about-us">
        <van-nav-bar title="联系我们" left-arrow @click-left="goBack"/>
        <section class="content">
            <div class="van-hairline--bottom">
                <div class="eamil">
                    <span>联系邮箱</span>
                    <button class="eamil-btn">CS@BEI.COM</button>
                </div>
            </div>
        </section>
    </div>
</template>
<script>
import {
    NavBar,
    Icon,
    Cell
} from "vant";
export default {
    components: {
        [NavBar.name]: NavBar,
        [Icon.name]: Icon,
        [Cell.name]: Cell
    },
    data() {
        return {

        }
    },
    methods: {
        //返回上一页
        goBack() {
            this.$router.go(-1);
        },
    }
}
</script>
<style lang="less" scoped>
/deep/ .van-cell__title {
    text-align: left;
}
.about-us {
    background: #fff;
    .eamil {
        position: relative;
        padding: 10px 15px;
        text-align: left;
        font-size: 14px;
        color: #323233;
        .eamil-btn {
            position: absolute;
            right: 15px;
            border: 0;
            background: #fff;
        }
    }
}
</style>